// ---------- CREDIT ----------
.credit {

  &__font-block {
    background: #F4F4F4;
    border-radius: 5px;
    position: relative;

    p {
      color: $brand-black;

    }

    .credit__text {
      padding: 0 20px;
      height: 300px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;

      .common-text-bold {
        font-size: calc(1em + 1vw)
      }

      .common-title-l {
        font-size: calc(2em + 1vw);
        text-align: left;
      }
    }

    .credit__banks-img {

      div {
        display: flex;
        justify-content: start;
        align-items: center;
      }

      img {
        margin: 10px 5px;
      }
    }

    .credit__image {
      position: relative;
      padding: 0;
      min-height: 240px;

      img {
        opacity: 0.2;
        position: absolute;
        right: 0;
        bottom: 0;
      }
    }
  }
}